<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>微信登录</title>
</head>
<body>
	<!--添加音频播放，设置为自动播放,并隐藏播放控件的显示-->
	<audio  id="bg-music" preload="auto" 
		src="/file/y.mp3" loop="loop"></audio>
	<script>
	
	/*<![CDATA[*/
	
/* 	var audio = document.getElementById('bg-music');
		//音乐自动播放
		$(document).ready(function() {
			autoPlayMusic();
			audioAutoPlay();
			//获取DOM
			var bgm = document.getElementById('bg-music');

			//音轨补偿代码
			setTimeout(function() {
				//如果发现有本地存储，则进行音轨补偿
				if (localStorage.getItem('bgm_time') != null && localStorage.getItem('bgm_time') != 0) {
					bgm.currentTime = localStorage.getItem('bgm_time');
					//启动播放音乐
					bgm.play();
				} else {
					audioAutoPlay();
				}
				//不断循环记录播放进度
				window.setInterval(function() {
					//检测是否支持本地存储
					if (typeof (Storage) !== 'undefined') {
						//写入BGM播放进度
						localStorage.setItem('bgm_time', bgm.currentTime);
					} else {
						//提示浏览器不支持
						var doc_body = document.querySelector('body');
						doc_body.innerHTML = '<h1>抱歉！您的浏览器过旧，请更换新的浏览器再试</h1>';
					}
				}, 100);
				//初始化启动BGM
				bgm.play();
			}, 1000);

		});
		function audioAutoPlay() {

			audio.play();
			document.addEventListener("WeixinJSBridgeReady", function() {
				audio.play();
			}, false);
		}
		// 音乐播放
		function autoPlayMusic() {
			// 自动播放音乐效果，解决浏览器或者APP自动播放问题
			function musicInBrowserHandler() {
				musicPlay(true);
				document.body.removeEventListener('touchstart',
						musicInBrowserHandler);
			}
			document.body.addEventListener('touchstart', musicInBrowserHandler);
			// 自动播放音乐效果，解决微信自动播放问题
			function musicInWeixinHandler() {
				musicPlay(true);
				document.addEventListener("WeixinJSBridgeReady", function() {
					musicPlay(true);
				}, false);
				document.removeEventListener('DOMContentLoaded',
						musicInWeixinHandler);
			}
			document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
		}
		function musicPlay(isPlay) {
			var media = document.querySelector('#bg-music');
			if (isPlay && media.paused) {
				media.play();
			}
			if (!isPlay && !media.paused) {
				media.pause();
			}
		}
		 */
		 /*]]>*/
	</script>


</body>
</html>